<!DOCTYPE html>
<html lang="cn">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>后台界面</title>
    <link rel="stylesheet" href="css/houtai.css">
    <!-- 引入字体图标 -->
    <script src="https://kit.fontawesome.com/b99e675b6e.js"></script>
</head>
<body>
  <body>
    <div class="wrapper">
        <div class="sidebar">
            <h2>后台管理</h2>
            <ul>
                <li><a href="#"><i class="fas fa-home"></i>主页</a></li>
                <li><a href="/control.html"><i class="fas fa-project-diagram"></i>控制界面</a></li>
                <li><a href="/index.html"><i class="fas fa-blog"></i>智能看板</a></li>
                <li><a href="#"><i class="fas fa-map-pin"></i>设备管理</a></li>
            </ul>
            <div class="social_media">
                <a href="#"><i class="fab fa-qq"></i></a>
                <a href="#"><i class="fab fa-weixin"></i></a>
            </div>
        </div>
        <div class="main_content">
            <div class="header">欢迎光临后台管理系统</div>
            <div class="info">
                <div class="elmt e1">
                    <div class="line"></div>
                    <div class="icon">
                        <i class="fas fa-temperature-low fa-5x" ></i>
                    </div>
                    <a href="/control.html"><h2>温度1</h2></a>
                    <div class="num">
                        25℃
                    </div>
                </div>

                <div class="elmt e2">
                    <div class="line"></div>
                    <div class="icon">
                        <i class="fas fa-temperature-low fa-5x" ></i>
                    </div>
                    <a href="/control.html"><h2>温度2</h2></a>
                    <div class="num">
                        25℃
                    </div>
                </div>
                <div class="elmt e3">
                    <div class="line"></div>
                    <div class="icon">
                        <i class="fas fa-sun fa-5x"></i>
                    </div>
                    <a href="/controlsun.html"><h2>光照</h2></a>
                    <div class="num">
                        35*
                    </div>
                </div>
                <div class="elmt e4">
                    <div class="line"></div>
                    <div class="icon">
                        <i class="fas fa-tint fa-5x"></i>
                    </div>
                    <a href="/controlhumidity.html"><h2>湿度</h2></a>
                    <div class="num">
                        85%
                    </div>    
                </div>
                <div class="elmt e5">
                    <div class="line"></div>
                    <div class="icon">
                        <i class="fas fa-oil-can fa-4x"></i>
                    </div>
                    <a href="/controlCo.html"><h2>CO2</h2></a>
                    <div class="num">
                        3%
                    </div>   
                </div>
                <div class="elmt e6">
                    <div class="line"></div>
                    <div class="icon">
                        <i class="fas fa-temperature-low fa-5x" ></i>
                    </div>
                    <h2>温度3</h2>
                    <div class="num">
                        25℃
                    </div>
                </div>
                <div class="elmt e7">
                    <div class="icon">
                        <i class="fas fa-tint fa-5x"></i>
                    </div>
                    <h2>湿度2</h2>
                    <div class="num">
                        90%
                    </div>   
                </div>
                <div class="elmt e8">

                </div>
                <div class="elmt e9">
                </div>

            </div>
        </div>
    </div>
</body>
</body>
</html> 